<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<!-- iconfont -->
	<!-- 1.1 单色图标库  使用link标签引入外部样式表-->
	<link rel="stylesheet" href="./download(1)/font_9n6v8cmg88h/iconfont.css">
	<!-- 2.1 多色图标库 在线使用 使用script标签引入在线地址 -->
	<!-- <script src="http://at.alicdn.com/t/c/font_3848477_u0mwlwsv7tp.js"></script> -->
	<!-- 本地方式引入图标库 -->
	<script src="./彩色图标/font_3848477_1jzr010gop5/iconfont.js"></script>
	<!-- 3.1 fontawesome 字体图标库  在线引入字体图标库连接 --> 
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
	<style>
		.iconfont{
			/* 字体图标 当作普通字体 普通文本 */
			font-size: 28px;
			color: red;
			font-family: "楷体";
			font-style: italic;
			font-weight: bold;
		}
		.icon{
			font-size: 10px;
		}
	</style>
</head>
<body>
	<!-- 1.2 使用单色图标库 class='iconfont 字体图标库类名' -->
	<i class="iconfont icon-a-1_5g-naas"></i>
	<!-- 2.2 使用多色图标库  i标签无效 svg标签 设置width和height可以调整图标大小 -->
	<svg class="icon" aria-hidden="true">
    <use xlink:href="#icon-ershoujiaoyi"></use>
  </svg>
	<!-- font-awesome -->
	<!-- 3.2 使用i标签 前缀使用fa开头-->
	<i class="fa fa-css3 fa-5x"></i>
	
</body>
</html>